<template>
	<view>
		<Header title="苗木订单详情"></Header>
		<view class="main_wrap">
			<view class="main">
				<view class="main_item">
					<van-row>
						<van-col span="6">供应商单位:</van-col>
						<van-col span="16">龙州县xxxxx</van-col>
					</van-row>
				</view>
				<view class="main_item">
					<van-row>
						<van-col span="6">开单日期:</van-col>
						<van-col span="8">2020-08-01</van-col>
						<van-col span="8">15:00:35</van-col>
					</van-row>
				</view>
				<view class="main_item">
					<van-row>
						<van-col span="6">开单数量:</van-col>
						<van-col span="16">20株</van-col>
					</van-row>
				</view>
				<view class="main_item">
					<van-row>
						<van-col span="24">其中:</van-col>
					</van-row>
				</view>
				<view class="main_item">
					<van-row>
						<van-col span="8">桂热一号:</van-col>
						<van-col span="8">16株</van-col>
						<van-col span="8">
							<view>查看二维码</view>
						</van-col>
					</van-row>
				</view>
				<view class="main_item">
					<van-row>
						<van-col span="8">桂热一号:</van-col>
						<van-col span="8">16株</van-col>
						<van-col span="8">
							<view>查看二维码</view>
						</van-col>
					</van-row>
				</view>
				<view class="main_item">
					<van-row>
						<van-col span="8">桂热一号:</van-col>
						<van-col span="8">16株</van-col>
						<van-col span="8">
							<view>查看二维码</view>
						</van-col>
					</van-row>
				</view>
				<view class="main_item">
					<van-row>
						<van-col span="6">配送日期:</van-col>
						<van-col span="16">2021-8-25</van-col>
					</van-row>
				</view>
				<view class="main_item">
					<van-row>
						<van-col span="6">配送地址:</van-col>
						<van-col span="16">龙州县xxxxx</van-col>
					</van-row>
				</view>
				<view class="main_item">
					<van-row>
						<van-col>备注:</van-col>
					</van-row>
					<van-row>
						
						<van-cell-group>
						  <van-field
						    type="textarea"
						   
						    autosize
						    :border="false"
						  />
						</van-cell-group>
					</van-row>
				</view>
				<view class="main_item bn">
					<van-row>
						<van-col style="color: red;">关联地块:</van-col>
					</van-row>
				</view>
				
				<view class="main_item">
					<van-row>
						<xfl-select :list="list" :clearable="false" :showItemNum="5" :isCanInput="true"
							:style_Container="'height: 70rpx; font-size: 26rpx;padding-left:28rpx;border:none'" placeholder="选择要关联的地块"
							:selectHideType="'hideAll'">
						</xfl-select>
					</van-row>
				</view>
				
				<view class="main_item bn">
					<view class="van-ellipsis">
					 没有地块? 点击这里去创建
					</view>
				</view>
				
				<view class="main_item">
					<van-row>
						<van-col span="12">
							
								<van-uploader file-list="fileList" bind:after-read="afterRead" preview-image upload-icon="photo" :preview-full-image="true">
									
								</van-uploader>
								<view style="text-align: center;">点击上传文件</view>
							
							
							
							
						</van-col>
						<van-col span="12" style="text-align: center;line-height: 200rpx;">
							查看实例文件
						</van-col>
					</van-row>
				</view>
				<view class="main_item bn">
				
					<van-row>
							<van-col span="24">
								<view style="font-size: 22rpx;word-break: break-all;text-align: right;">
									<view>请拍摄收到的苗木照片并上传后再进行操作</view>
									<view>若数量存在差异,建议您认真对照苗木的二维码编号</view>
									<view>与系统的编号是否一致,并联系苗木供应商处理</view>
								</view>
							</van-col>
							
						
					</van-row>
				</view>
				<view class="main_item bn" style="padding: 0 40rpx;">
					<van-row gutter="20">
						<van-col span="12">
							<van-button color="#e8e8e8" size="normal" block
								>返回修改
							</van-button>
						</van-col>
						<van-col span="12">
							<van-button type="primary" size="normal" block
								>确定收获
							</van-button>
						</van-col>
						
					</van-row>
				</view>
			</view>
		</view>
			
	</view>
</template>

<script>
	import Header from "../../components/header.vue"
	export default {
		data() {
			return {
				
				list: [ //要展示的数据
					'苹果',
					{
						value: '香蕉',
						disabled: true
					},
					'葡萄',
					'芒果',
					'大白菜',
				],
				fileList: [{
						url: 'https://img.yzcdn.cn/vant/leaf.jpg',
						name: '图片1',
					},
					// Uploader 根据文件后缀来判断是否为图片文件
					// 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
					
				],
				
				
			}
		},
		components:{
			Header
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.bn{
		border: none !important;
	}
	/deep/ .van-uploader__upload{
		width: 320rpx !important;
		height: 200rpx !important;
		border-radius: 15rpx;
		background-color: #e8e8e8;
	}
	
	
.main_wrap {
		padding: 20rpx 20rpx 0 10rpx;

		.main {
			// height: 500rpx;
			border: 1px solid red;
			padding: 30rpx 20rpx 80rpx 20rpx;
			
			.main_item{
				border-bottom: 1px dotted gray;
				padding: 10rpx 0;
				
				/deep/ .van-cell{
					padding-left: 0;
				}
			}
			
		}
	}

</style>
